<template>
  <div class="bgpage">
    <div class="back" @click="back()">&lt;</div>
    <p class="title">关注公众号</p>
    <img
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng03cbf5c5a8aa7a95865f82402a5e2205384f5734bb84b9f64717d69ec19215fd"
      alt=""
    />
    <p class="save">长按保存图片！</p>
    <p class="get">通过微信 扫一扫 关注我们</p>
    <button>去关注</button>
  </div>
</template>

<script>
export default {
    methods:{
        back(){
            this.$router.back()
        }
    }
};
</script>

<style lang="scss" scoped>
.bgpage {
  width: 100%;
  height: 100%;
  .back {
    position: absolute;
    top: 0.14rem;   
    left: 0.28rem;
    font-size: 0.2rem;
    line-height: 0.11rem; 
    width: 0.11rem;
    height: 0.11rem;
    // border: 0.02rem solid #333333;
  }
  .title {
    position: absolute;
    top: 0.1rem;
    left: 1.43rem;
    font-size: 0.18rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 0.25rem;
  }
  img {
    margin-top: 0.95rem;
    position: absolute;
    left: 0.95rem;
    width: 1.86rem;
    height: 1.86rem;
  }
  .save {
    position: absolute;
    top: 2.92rem;
    left: 1.31rem;
    font-size: 0.16rem;
    font-family: PingFangSC;
    color: #333333;
  }

  .get {
    position: absolute;
    top: 3.4rem;
    left: 0.95rem;  
    width: 1.87rem;
    height: 0.22rem;
    font-size: 0.16rem;
    font-family: PingFangSC;
    color: #333333;
    line-height: 0.22rem;
  }
  button {
    position: absolute;
    top: 4.96rem;
    left: 0.78rem;
    width: 2.4rem;
    height: 0.45rem;
    background: #00d2bb;
    border-radius: 0.23rem;
    font-size: 0.16rem;
    font-family: PingFangSC;
    color: #ffffff;
    line-height: 0.45rem;
    border: none;
  }
}
</style>
